header, .footer-nav-widgets-wrapper, footer, .sharedaddy {
	display: none;
}

html, body{
  max-width: 100vw;
  max-height: 100vh;
  overflow: hidden;
}

a{
	color: white;
	text-decoration: underline!important;
}


*::-webkit-scrollbar {
  width: 10px;
  background: transparent;
  border: 2px solid white;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background:white;
} 

::-moz-selection { 
  background: black; 
}
::selection { 
  background: black; 
}

body {
  background-color: blue;
  font-family: 'Space Grotesk', sans-serif!important;
  font-size: 30px;
  margin: 0;
  padding: 0;

	width: 100vw;
}

#gradient{
  height: 100vh;
  width: 100vw;
  position: fixed;
	z-index:-1!important;
  top: 0;
  left:0;
  transition: backgroundColor 0.4s;
  animation: colorchange 75s linear 1s infinite; 
  -webkit-animation: colorchange 75s linear 0s infinite alternate; /* Chrome and Safari */
}

@keyframes colorchange
{
  0%   {background: #0026fd; color: #473976;}
  25%  {background: #512b4a; color: #672b3f;}
  50%  {background: #a06b32; color: #c59600;}
  75%  {background: #672b3f; color: #512b4a;}
  100% {background: #473976; color: #0026fd;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: #0026fd; color: #473976;}
  25%  {background: #512b4a; color: #672b3f;}
  50%  {background: #a06b32; color: #c59600;}
  75%  {background: #672b3f; color: #512b4a;}
  100% {background: #473976; color: #0026fd;}
}


svg{
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index:1!important;
	font-family: 'Space Grotesk', sans-serif!important;
}

.snake{
	z-index: 1!important;
	font-family: 'Space Grotesk', sans-serif!important;
}

svg text{
	font-family: 'Space Grotesk', sans-serif!important;
}

.marquee .track .content{
	font-family: 'Space Grotesk', sans-serif!important;
}


.text-box{
  color: white;
  height: 75vh!important;
  width: 70vw!important;
	overflow-x: hidden!important;
  overflow-y: scroll!important;
	left: 15vw!important;
	top: 12.5vh!important;
  position: fixed!important;
  z-index: 999!important;
	padding: 0 20px 0 0!important;
}

.text-box h5:nth-child(1){
	margin-top: -20px!important;
}

.text-box *{
	  font-family: 'Space Grotesk', sans-serif!important;	
}

.text-box h5, .text-box h5 b  {
  font-size: 28px;
	  font-family: 'Space Grotesk', sans-serif!important;
}


.text-box h6{
	max-width: 600px;
	margin-left: 0;
	  font-size: 18px;
	text-transform: none;
	  font-family: 'Space Grotesk', sans-serif!important;
}

.gif{
	margin-top: -50px!important;
	margin-bottom: -170px!important;
	margin-right: 0px;
	height: 175px!important;
	width: auto;
}

.text-box h5{
	margin-top: 1.5rem;
}

.slogan{
	height: 76vh!important;
	width: auto!important;
	margin-top: 0!important;
	padding-top: 0!important;
}

.lang{
	margin: 50px 0 75px 0!important;
}

*:focus {
    outline: none!important;
}

.credits h6 {
	font-size: 14px!important;
}

.yikes-mailchimp-container-1{
	padding-top: 0!important;
	margin-top: -14px;
	font-family: 'Space Grotesk', sans-serif!important;
}

.form{
	margin-top: 75px;
}

.form{
	max-width: 600px;
	color: white!important;
	font-size: 18px!important;
}

.form label{
	float: left;
	width: 41%!important;
	padding-right: 15px
		font-family: 'Space Grotesk', sans-serif!important;
}

.form label span{
	font-size: 18px!important;
	font-family: 'Space Grotesk', sans-serif!important;
}

.form input{
	background-color: transparent!important;
	border: none!important;
	border-bottom: 1px solid white!important;
	color: white!important;
	max-height: 30px!important;
	font-family: 'Space Grotesk', sans-serif!important;
}

.form button{
	background-color: transparent!important;
	border: 1px solid white!important;
	color: white!important;
	width: auto!important;
	font-size: 18px;
	font-family: 'Space Grotesk', sans-serif!important;
}


.support img:hover{
  cursor: pointer;
  animation: shake 0.5s infinite, colorchange 75s linear 1s infinite; 
	-webkit-animation: shake 0.5s infinite alternate, colorchange 75s linear 0s infinite alternate; /* Chrome and Safari */
   
}


.support img{
  position: fixed;
	margin: 0!Important;
  height: 72px;
  cursor: pointer;
  bottom: 2vh;
  right: 1vw;
  left: auto;
  top: auto;
  width: auto;
  z-index: 999;
	transition: backgroundColor 0.4s;
  animation: colorchange 75s linear 1s infinite; 
  -webkit-animation: colorchange 75s linear 0s infinite alternate; /* Chrome and Safari */
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}



.list-content {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 52s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.list{
	height: 50px;
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
  width: 100vw;
  max-width: 100%;
  white-space: nowrap;
	border: 1px solid white;	
	border-bottom: 1.5px solid white;
}



.list-content br{
	display: none;
}

.list-content span{
	display: inline-block;
	padding-top: 5px;
	font-family: 'Space Grotesk', sans-serif!important;
	font-size: 28px;
}

.list span:not(:first-child) {
  margin-left: -.3em;  
}

.list span:empty {
  display: none;
}

.list span:not(:first-child):before {
  content: ", ";
	padding-right: 10px;
}

#mobile{
  display:none;
}

#desktop{
  display: block;
}


@media screen and (max-width: 900px) {
	
	*::-webkit-scrollbar {
		display: none;
	}
	
	#desktop{
  	display: none;
	}
	
	#mobile{
  	display:block;
		z-index: 999;
	}
	
	.text-box h5:nth-child(1){
		margin-top: 12px!important;
	}
	
	.slogan{
		width: 95vw!important;
		height: auto!important;
	}
	
	.form label{
		width: 50%!important;
		padding-right: 15px
	}
	
	
	.form label span{
		font-size: 13px!important;
	}
	
	.form input{
		font-size: 13px!important;
		height: 21px;
	}
	
	.form button{
		font-size: 13px!important;
}
	
	.list{
		height: 36px;
	}
	
	.list-content span{
		font-size: 21px;
		margin-top: -3px;
	}
	
	.gif{
		margin-top: 55px!important;
		margin-right: 0px!important;
		height: 85px!important;
		width: auto;
	}
	
	
	.text-box{
		width: 90vw!important;
		height: calc(98vh - 100px)!important;
		overflow-y: scroll!important;
		left: 5vw!important;
		top: 50px!important;
		position: fixed!important;
		z-index: 0!important;
		padding: 0!important;
		font-size: 16px!important;
	}
	
		.text-box h5 {
  	font-size: 16px;
	}
	
	.text-box h6 {
  	font-size: 12px;
	}
	
	.credits h6 {
	font-size: 10px!important;
}
	
		.support{
		z-index: 999!important;
	}
	
	.support img{
  	height: 42px;
		right: 2vw;
		z-index: 999!important;
	}
	
}

@media screen and (min-width: 900px) {

	.form label{
		width: 41%!important;
		padding-right: 15px
	}
}


@media screen and (min-width: 1800px) {
	.support img{
  	height: 90px;
	}
	
	.gif{
		min-height: 225px!important;
		width:auto!important;
		margin-right: 100px!important;
	}
}


.elementor-913 {
	margin: 0!important;
	max-width: 100vw!important;
	width: 100vw!important;
	background-color: #fff!important;
	color: #000!important;
}

body.custom-background{
	background-color: transparent;
}